<template>
  <div class="nav-breadcrumb">
    <!-- 面包屑 -->
    <el-breadcrumb separator-icon="ArrowRight">
      <template v-for="item in breadcrumbs">
        <el-breadcrumb-item :to="{ path: '' }">{{
          item.name
        }}</el-breadcrumb-item>
      </template>
    </el-breadcrumb>
  </div>
</template>

<script setup lang="ts">
import { useRoute } from 'vue-router'
import { IBreadcrumb } from '../types/type'
import { PropType } from 'vue'
const props = defineProps({
  breadcrumbs: {
    type: Array as PropType<IBreadcrumb[]>,
    default: () => []
  }
})
</script>

<style scoped lang="less"></style>
